    <style>.root {
        display: flex;
        place-content: center;
        margin-top: 3rem;
    }
    
    .container-shell {
        backdrop-filter: blur(5px);
        background: hsla(0, 0%, 50%, 0.5);
        padding: 30px 4px 10px 4px;
        /* border: 2px solid black; */
        width: auto;
        position: relative;
        border-radius: 5px;
        box-shadow: 0 10px 20px;
    }
    
    .container-shell:before {
        content: "player";
        position: absolute;
        color: darkgray;
        top: 4px;
        left: 10px;
        text-shadow: 1px 1px black;
    }
    
    #container {
        background: rgba(13, 14, 27, 0.7);
        width: 640px;
        height: 398px;
    }
    
    .input {
        display: flex;
        margin-top: 10px;
        color: white;
        place-content: stretch;
    }
    
    .input2 {
        bottom: 0px;
    }
    
    .input input {
        flex: auto;
    }
    
    .err {
        position: absolute;
        top: 40px;
        left: 10px;
        color: red;
    }
    
    .option {
        position: absolute;
        top: 4px;
        right: 10px;
        display: flex;
        place-content: center;
        font-size: 12px;
    }
    
    .option span {
        color: white;
    }
    
    .page {
        background: url('./bg.jpg');
        background-repeat: no-repeat;
        background-position: top;
    }
    
    @media (max-width: 720px) {
        #container {
            width: 90vw;
            height: 52.7vw;
        }
    }
    
    </style>